<template>
  <div class="Recommend">
    <booklist class="bookshow" v-for="(item,index) in Latest" :key="index" :item="item" />
    <nomore/>  
  </div>
</template>

<script>
// @ is an alias to /src
// import HelloWorld from '@/components/HelloWorld.vue'
import foot from "@/components/foot.vue";
import Header from "@/components/Header.vue";
import bookshow from "@/components/bookshow.vue";
import booklist from "@/components/booklist.vue";
import nomore from "@/components/nomore.vue";

export default {
  pic: "Home",
  components: {
    foot,
    Header,
    bookshow,
    booklist,
    nomore
  },
  data() {
    return {
        Latest: [
        // {
        //   pic: "bimg/hr12.jpg",
        //   chapter: "真的很好看，不看会后悔的同志们！",
        //   title: "2020错过必后悔的四本小说",
        //   category:'共4本',
        // },
        // {
        //   pic: "bimg/hr14.jpg",
        //   chapter: "十分搞笑，心情差的不容错过！",
        //   title: "治愈搞笑无厘头，难过时来瞧瞧",
        //   category:'共27本',
        // },
        // {
        //   pic: "bimg/hr16.jpg",
        //   chapter: "同人，架空，搞笑系统，玄幻，历史统统都有总有一款适合你！",
        //   title: "老书虫的小书单",
        //   category:'共7本',
        // },
        // {
        //   pic: "bimg/hr13.jpg",
        //   chapter: "大家还有什么爽文推荐吗？谢谢！",
        //   title: "爽与好的结合放心食用",
        //   category:'共13本',
        // },
        // {
        //   pic: "bimg/hr15.jpg",
        //   chapter: "有趣的灵魂总有一款适合你！",
        //   title: "种类丰富的书单,每一个都有有趣的灵魂",
        //   category:'共16本',
        // },
        // {
        //   pic: "bimg/hr17.jpg",
        //   chapter: "适合大部分人，不错，用心推荐！",
        //   title: "各类爽文，小说同人，穿越诸天！",
        //   category:'共6本',
        // },
      ],
    };
  },
  methods: {},
  mounted() {
     this.$axios.get("/api/latest").then((data) => {
      var image = data.data;
      console.log(image);
      this.Latest=image
    });
  },
};
</script>

<style  scoped>
</style>